<!DOCTYPE html>
<script>
    onload = function() {
        var elm = document.getElementById('elm');
        document.body.offsetTop; // trigger layout
        elm.style.display = 'list-item';
    }
</script>
<body style="margin:5em;">
    <p>Test that changing display type on a spanner (to another valid display type for spanners) works.</p>
    <p>You should see three lines with the word "PASS" below, all with a bullet in front. Letter
        spacing is expected to vary.</p>
    <div style="-webkit-columns:4; -webkit-column-gap:0; width:4em; orphans:1; widows:1;">
        <div style="display:list-item;">P<br>A<br>S<br>S
            <div id="elm" style="-webkit-column-span:all;">
                PASS
            </div>
        </div>
        <div style="display:list-item;">P<br>A<br>S<br>S</div>
    </div>
</body>
